import styled from "styled-components";

 export const TabBarWrapper=styled.div`
 width:100%;
 height:5rem;
margin-top: 4rem;
.slide{
    display: flex;
    .tabBar-header{
    flex:1;
    /* width:70px; */
    height: 100%;
   padding: 0.5rem;
    img{
        width:100%;  
    }
    p{
        font-size: 0.5rem;
        text-align: center;
    }
}
}
.tabbar-ever{
    width: 100%;
    height: 1rem;
    margin-top: .5rem ;
    span{
        width: 1.5rem;
        height: .8rem;
        font-size: .6rem;
        border-radius: 0.3rem;
        background-color:#D3D3D3;
        padding: .4rem;
        margin-left: 1rem;
    }
}
`

